<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
 <head>
  <title>inputEx - examples</title>
	<link rel="alternate" type="application/rss+xml" title="neyric&#8217;s Javascript RSS Feed" href="http://javascript.neyric.com/blog/feed/" />
	<link rel="pingback" href="http://javascript.neyric.com/blog/xmlrpc.php" />
	<link href="res/style.css" media="screen" rel="stylesheet" type="text/css" />
 </head>

 <body>

	
<div id='headbar'>
		
	<ul id="navigation">
		<li><a href="http://javascript.neyric.com/inputex">Home</a></li>
		<li><a href="http://github.com/neyric/inputex/">GitHub[Git]</a></li>	
		<li><a href="http://neyric.lighthouseapp.com/projects/25047-inputex/tickets?q=all">Issues</a></li>
		<li><a href="doc/js_docs_out/index.html">Documentation</a></li>
		<li><a href="http://wiki.github.com/neyric/inputex">Wiki</a></li>
		<li><a href="http://javascript.neyric.com/blog/category/inputex/">Blog</a> 
				<a href="http://javascript.neyric.com/blog/feed/"><img src="doc/images/rss.png" border="0"/></a></li>
		<li><a href="http://groups.google.com/group/inputex/">Forums</a></li>

	</ul>

</div>
	
<center>
	
	<div style="width: 80%; text-align: left;">
			
			<style>
			div.exampleGroup {
				width: 900px;
				border: 1px solid #ccc;
				margin: 20px;
			}
			div.exampleGroup h2 {
				margin: 10px;
			}
			div.exampleSection {
				float: left;
				width: 250px;
				margin: 10px;
				padding: 10px;
				height: 180px;
			}
			div.exampleSection h3 {
				color: #888;
				margin: 5px;
				font-size: 130%;
			}
			</style>

		<br />
		<span style="font-size: 150%; ">Examples</span> - <a href="index.html">back to homepage</a>
		<br /><br />

		<div class='exampleGroup' style="background-color: #FFF0BB;">
			<h2>Fields</h2>

			<div class='exampleSection'>
			<h3>Classic</h3>
			<ul>
				<li><a href="examples/string_field.html">StringField</a></li>
				<li><a href="examples/checkbox.html">CheckBox</a></li>
				<li><a href="examples/textarea.html">Textarea</a></li>
				<li><a href="examples/password_field.html">Password</a></li>
				<li><a href="examples/hidden_field.html">HiddenField</a></li>
				<li><a href="examples/select_field.html">SelectField</a></li>
				<li><a href="examples/radio_field.html">RadioField</a></li>
				<li><a href="examples/file_field.html">FileField</a> (beta)</li>
			</ul>
			<br />
			</div>

			<div class='exampleSection'>
			<h3>Extended</h3>
			<ul>
				<li><a href="examples/email_field.html">EmailField</a></li>
				<li><a href="examples/url_field.html">UrlField</a></li>	
				<li><a href="examples/integer_field.html">IntegerField</a></li>
				<li><a href="examples/number_field.html">NumberField</a></li>
				<li><a href="examples/rte_field.html">RTEField</a></li>
				<li><a href="examples/color_field.html">ColorField</a></li><br />
			<br />
			</div>


			<div class='exampleSection'>
			<h3>Dates</h3>
			<ul>
				<li><a href="examples/date_field.html">DateField</a></li>
				<li><a href="examples/datepicker_field.html">DatePickerField</a></li>
				<li><a href="examples/time_field.html">TimeField</a></li>
				<li><a href="examples/datetime_field.html">DateTimeField</a></li>
				<li><a href="examples/datesplit_field.html">DateSplitField</a></li>
			<br />
			</div>

			<div class='exampleSection'>
			<h3>Advanced</h3>
			<ul>
				<li><a href="examples/slider_field.html">SliderField</a></li>
				<li><a href="examples/autocomplete.html">AutoComplete</a></li>
				<li><a href="examples/uneditable_field.html">Uneditable</a></li>
				<li><a href="examples/multiselect_field.html">MultiSelectField</a></li>
				<li><a href="examples/multiautocomplete.html">MultiAutoComplete</a></li>
				<li><a href="examples/menu_field.html">MenuField</a> (nested selection)</li>
				<li><a href="examples/dsselect_field.html">DSSelectField</a> (SelectField with YUI datasource)</li>
			</ul>
			</ul>
			<br />
			</div>

			<div class='exampleSection'>
			<h3>MetaFields</h3>
			<ul>
				<li><a href="examples/group.html">Group</a></li>
				<li><a href="examples/form.html">Form</a></li>
				<li><a href="examples/list_field.html">ListField</a></li>
				<li><a href="examples/combine_field.html">CombineField</a></li>
				<li><a href="examples/inplaceedit.html">InPlaceEdit</a></li>
				<li><a href="examples/typefield.html">TypeField</a></li>
				<li><a href="examples/tree_field.html">TreeField</a> (beta)</li>
				<li><a href="examples/pair_field.html">PairField</a><i>(deprecated)</i></li>
			</ul>
			<br />
			</div>
			
			<div class='exampleSection'>
			<h3>External contributions:</h3>
			<ul>
				<li><a href="js/ext/IPv4Field/ipv4_field.html">IPv4Field</a></li>
				<li><a href="js/ext/ColorField2/color_field2.html">ColorField2</a></li>
				<li><a href="js/ext/ImagemapField/imagemap_field.html">ImagemapField</a></li>
				<li><a href="js/ext/UpperCaseField/uppercase_field.html">UpperCaseField</a></li>
				<li><a href="js/ext/FrenchPhone/french_phone.html">FrenchPhone</a></li>
				<li><a href="js/ext/FrenchDate/french_date.html">FrenchDate</a></li>
				<li><a href="js/ext/BirthdateField/birthdate_field.html">BirthdateField</a></li>
				<li><a href="js/ext/VectorField/vector_field.html">VectorField</a></li>
				<li><a href="js/ext/MapField/map_field.html">MapField</a></li>
			</ul>
			</div>
			
			<div style='clear: both;'> </div>
			
		</div>
		<div class="exampleGroup" style="background-color: #C0C0FF;">
			
			<h2>Tools</h2>

			<div class='exampleSection'>
			<h3>Widgets</h3>
			<ul>
				<li><a href="examples/ddlist_widget.html">Sortable List Widget</a></li>
				<li><a href="examples/datatable.html">DataTable widget</a> (beta)</li>
				<li><a href="examples/dialog_widget.html">Dialog widget</a> (beta)</li>
				<li><a href="examples/json-tree-inspector.html">JsonTreeInspector widget</a> (beta)<br /><br /></li>
			</ul>
			</div>

			<div class='exampleSection'>
			<h3>Other</h3>
			<ul>
				<li><a href="examples/using_xml.html">Example using XML</a></li>
				<li><a href="examples/yuiloader.html">Using the YUI loader</a></li>
				<li><a href="examples/interactions.html">Interactions</a> (beta)</li>
			</ul>
			</div>

			<div class='exampleSection'>
			<h3>Styling</h3>
			<ul>
				<li><a href="examples/styling_description.html">Show description when focused</a></li>
				<li><a href="examples/styling_label.html">Label positioning</a></li>
			</ul>
			</div>
			
			<div class='exampleSection'>
			<h3>Applications</h3>
			<ul>
				<li><a href="examples/TaskManager/index.html">TaskManager</a> - a simple "Getting Things Done" application</li>
				<li><a href="examples/inputExHTML/index.html">inputExHTML</a> - a Form to build HTML elements</li>
				<li><a href="examples/google-charts.html">google charts</a> - A form that uses Google Chart API</li>
			</ul>
			</div>


			<div class='exampleSection'>
			<h3>json-schema/ json-rpc/ SMD:</h3>
			<ul>
				<li><a href="examples/json-schema.html">JSON schema</a> (beta)</li>
				<li><a href="examples/json-schema2.html">JSON schema $ref</a> (beta)<br /><br /></li>

				<li><a href="examples/rpc/smd-tester.html">SMD Tester</a></li>
				<li><a href="examples/rpc/example.html">SMD simple example</a></li>
			</ul>
			</div>

			<div style='clear: both;'> </div>
			
		</div>
			
</div>

<p style="font-size: 8pt;">Copyright (c) 2007-2008 <a href="http://javascript.neyric.com/">Eric Abouaf</a> - <a href="res/inputEx-doap.xml">XML doap file for this project</a></p>
</center>

<script type="text/javascript">
document.write(unescape("%3Cscript src='http://www.google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script>
<script type="text/javascript">
var pageTracker = _gat._getTracker("UA-567557-2");
pageTracker._trackPageview();
</script>

 </body>
</html>